import React, {Component} from 'react'

import {Text,View,StatusBar} from 'react-native'

export default class Home extends Component{

  render(): React.ReactNode {
    return (
        <View style={{flex:1,justifyContent:'center',alignItems:'center'}}>
          <StatusBar
              animated={true} //指定状态栏的变化是否应以动画形式呈现。目前支持这几种样式：backgroundColor, barStyle和hidden
              hidden={false}  //是否隐藏状态栏。
              backgroundColor={'green'} //状态栏的背景色
              translucent={true}//指定状态栏是否透明。设置为true时，应用会在状态栏之下绘制（即所谓“沉浸式”——被状态栏遮住一部分）。常和带有半透明背景色的状态栏搭配使用。
              barStyle={'light-content'} // enum('default', 'light-content', 'dark-content')
          />
          <Text>hello home !</Text>
        </View>
    )
  }
}